<!DOCTYPE html>
<html>

<head>
    <title>first example</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link rel="stylesheet" href="asset/css/test1.css">
    <script src="asset/js/avalon.js"></script>
</head>

<body>
<!--<input ms-duplex="data.name">-->
<!--<p>Hello,{{data.name}}!</p>-->
<!--<button ms-click="@changeGb">中文</button>-->
<!--<button ms-click="@changeEn">EN</button>-->
<input type="color" name="favColor">
<input type="date" name="favColor">
<input type="datetime-local" name="favColor">
<input type="email" name="favColor">
<input type="url" name="sitename">
<input type="number" min="1" max="5" name="sitename">
<input type="range" min="1" max="10" step="2" value="6" name="sitename">
<input type="search">
<input type="time">
<input type="tel">


<script src="asset/js/common.js"></script>
<script src="asset/js/jquery-2.1.4.js"></script>
<script src="asset/js/jquery-weui.js"></script>
<script src='asset/js/ff/ff.util.js'></script>
<script>
//    var vm = avalon.define({
//        $id: "test",
//        data:{
//            "name": "司徒正美"
//        },
//        changeGb: function () {
//            console.log("changeGb");
//            ff.locale.set("language_zh");
//            switchanguage(vm);
//        },
//        changeEn: function () {
//            console.log("changeEn");
//            ff.locale.set("language_en");
//            switchanguage(vm);
//        }
//    })
//    switchanguage(vm);
    var obj={};
    var option={
        "name":"liqt",
        "age": 27
    }

    obj.liqt=option;
    obj.qq=option;
    console.log(obj);
</script>
</body>

</html>